* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: #333
}

a:hover {
    text-decoration: none;
}

input {

    background: none;

    outline: none;

    border: 0px;

}

button:focus {
    outline: none;
}



*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 2px;
}

*::-webkit-scrollbar-thumb {
    background: #dce1e6;
    border-radius: 5px;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    background: #b3b2be;
    border-radius: 5px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #dce1e6 #f7f7f7;
}

html {
    scrollbar-width: thin;
    scrollbar-color: #b3b2be #f7f7f7;
}


body {
    height: 100vh;
    overflow-x: hidden;
}


.header {
    width: 100%;
    height: 69px;
    position: fixed;
    z-index: 40;
    top: 50px;
    background-color: #ffffff;
    box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-left {
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 100%;
}


.header-left img {
    width: 116px;
    vertical-align: middle;

}

.header-left img.header-banner {
    margin: 0 8px;
}


.header-content {
    width: 100%;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;

}

.header-input {
    height: 42px;
    background-color: #f6f7f9;
    border-radius: 2px;
    display: flex;
    align-items: center;
    position: relative;
}

.search-area {
    display: flex;
    align-items: center
}

.hotListloops {
    width: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}

.hot-title {
    margin-left: 20px;
    font-size: 14px;
    color: #000;
}

.hotListloop {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    color: #573bff;

}

.search-hot-item {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    flex-wrap: wrap;
    margin-right: 8px;
}

.search-hot-item a {
    color: #573bff;
}


.hearder-search-btn {
    width: 44px;
    background: #6044ff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.gdd-v3-search__search-icon-outer svg.g-icon--gdd-search {
    width: 44px;
    height: 1em;
    color: #fff;
}

.gdd-v3-search .g-icon {
    cursor: pointer;
    color: #9da3ac;
    font-size: 20px;
    vertical-align: middle;
}

.g-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden;
    font-size: 24px;
}


.header-search-textValue {
    width: 300px;
    font-size: 14px;
    text-decoration: none;
    border: none;
    background-color: #f6f7f9;
    line-height: 42px;
    padding-left: 10px;
}

.header-right {
    display: flex;
    align-items: center;
}

.header-right a {
    text-decoration: none;
    color: #281711;
    font-size: 14px;
}

.right-bnt {
    width: 98px;
    height: 39px;
    line-height: 39px;
    background-image: linear-gradient(-62deg,
    rgba(239, 206, 139, 0.73) 0%,
    rgba(240, 213, 157, 0.73) 100%),
    linear-gradient(
            #efce8d,
            #efce8d);
    background-blend-mode: normal, normal;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.login-area {
    margin-left: 20px;
    font-size: 14px;
    color: #636c78;
    cursor: pointer;
}

.user-info {
    position: relative;
}

.head-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    vertical-align: middle;
}

.info-link {
    position: relative;
}

.info-icon {
    width: 22px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.info-num {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #FF4B4B;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -6px;
    transform: scale(0.8);
    display: none;
}

.head-hover-show {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.hover-show-vip-header {
    width: 275px;
    height: 120px;
    position: relative;
    padding: 0 20px;
    color: #596b96;
    background: url("../../assets/images/non-vip2x_e40427eb.png") no-repeat top;
    display: flex;
    flex-direction: column;
}

.notvip-tips {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 2px;
    font-weight: 400;
    border-radius: 4px 0 10px 0;
    color: #fdfdff;
    background: rgba(0, 0, 0, .2);
    display: none;
}

.nick-name {
    max-width: 130px;
    margin-top: 40px;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #434951;
    text-align: left;
}

.mine-list {
    padding: 8px 0;
}

.mine-list-item {
    display: block;
    padding: 10px 16px;
    line-height: 20px;
    color: #000;
    text-align: left;
    cursor: pointer;
}

.mine-list-item:hover {
    background-color: #f1f2f4;
    color: #000;
    text-decoration: none;
}

.leftSide {
    width: 220px;
    height: 100%;
    position: fixed;
    z-index: 30;
    left: 0px;
    top: 137px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
}

.leftSide ul {
    width: 250px;
    flex: 1;
    overflow-y: auto;
    height: calc(100% - 332px);
}


.leftSide ul li {
    height: 50px;
    padding-left: 20px;
    padding-top: 10px;
}

.leftSide ul li.mline {
    padding: 0;
    margin: 8px 20px;
    height: 1px;
    line-height: 1px;
    background: #eee;
}

.leftSide ul li a {
    width: 100%;
    height: 100%;
    text-decoration: none;

    display: flex;
    align-items: center;
}

.leftSide ul li a img {
    width: 20px;
    height: 20px;
    padding: 1px;
    margin-left: 14px;
}

.leftSide ul li a img.new-icons {
    width: 36px;
    height: auto;
}

.leftSide ul li a img.small {
    padding: 0px !important;
}


.leftSide ul li a p {
    font-size: 14px;
    padding-left: 22px;
}

.leftSide ul li.mline {
    padding: 0;
    margin: 8px 20px;
    height: 1px;
    line-height: 1px;
    background: #eee;
}

.icon-nav {
    font-size: 18px;
    padding-left: 15px;
}

.leftSide ul li a:hover {
    background: #f4f5f8;
}


.leftSide ul li a.active {
    background-color: #f4f5f8;
    color: #573bff;
    font-weight: 600;
}


.leftSide-introduce {
    width: 86px;
    height: 40px;
    background-color: #f4f5f8;
    border-radius: 20px;
    margin: 15px 0 18px 29px
}

.leftSide-introduce a {
    text-decoration: none;
    width: 86px;
    height: 40px;
}


.leftSide-introduce a {
    width: 86px;
    height: 40px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #4e4e50;

    text-align: center;
    padding-left: 15px;
}

.content {
    display: flex;
    justify-content: space-between;
}

.container {
    margin: auto;
    min-width: 1100px;
    max-width: 2560px;
    flex: 1;
    padding: 0 50px;
}

.main {
    margin-top: 110px;
    padding-left: 220px;
    width: 100%;
    min-width: 1000px;

}



#footer {
    width: 100%;
    min-height: 200px;
    background-color: #1a1a1a;
    box-sizing: border-box;
    color: #918f91;
    font-size: 14px;
    padding-left: 220px;
    padding-bottom: 20px;
    min-width: 1000px;
}

.footer_main {
    margin: 0 auto;
    background-color: #1a1a1a;
    padding: 0 50px;
}

.footer_main li {
    float: left;
}

.footer_main a {
    color: #918f91;
}

.footer_top {
    height: 96px;
    border-bottom: #404042 1px solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_top li {
    margin-right: 23px;
}

.footer_bottom {
    display: flex;
    flex-direction: column;
}

.footer_bottom li {
    margin-right: 23px;
}

.fb_bottom li {
    padding-right: 13px;
    margin: 0;
    height: 14px;
    line-height: 14px;
}

.fb_bottom .fb_bottom_li {

    padding-right: 13px;
    border: none;
}

.follow-div {
    margin-right: 59px;
}

.follow-div img {
    vertical-align: middle;
    margin-left: 12px;
    margin-bottom: 3px;
}

.footer_top li, .follow-div {
    margin-top: 14px;
}

.footer_bottom p {
    margin-top: 20px;
    font-size: 16px;
}

.footer_bottom ul {
    margin-top: 35px;
}

.copyright-divider {
    margin: 0 8px;
}

.media-icon {
    display: flex;
    align-items: center;

}

.media-icon span {
    margin-right: 15px;
}

.icon-item {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
}

.wechat-container {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 55px;
    left: -25px;
    box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
    padding: 5px;
    z-index: 999;
    background-color: #fff;
    border-radius: 4px;
}

.wechat-container img {
    width: 100%;
    height: 100%;
}

.callback-dialog, .error-dialog {
    display: none;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .3);
    max-width: 300px;
    border-radius: 4px;
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: #39f;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}

.cointips-dialog {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}


@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1619083666383'); /* IE9 */
    src: url('iconfont.eot?t=1619083666383#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('iconfont.woff?t=1619083666383') format('woff'),
    url('iconfont.ttf?t=1619083666383') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1619083666383#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon6:before {
    content: "\e60d";
}

.icon5:before {
    content: "\e60e";
}

.icon7:before {
    content: "\e60f";
}

.icon4:before {
    content: "\e609";
}

.icon3:before {
    content: "\e60a";
}

.icon2:before {
    content: "\e60b";
}

.icon1:before {
    content: "\e60c";
}

.iconsheji:before {
    content: "\e608";
}

.iconbanquan:before {
    content: "\e607";
}

.iconsucai:before {
    content: "\e601";
}

.iconfaxian:before {
    content: "\e602";
}

.iconmobam:before {
    content: "\e603";
}

.iconkoutu:before {
    content: "\e604";
}

.iconcaitu:before {
    content: "\e605";
}

.iconmobanzhongxin:before {
    content: "\e606";
}


@media (max-width: 1300px) {
    .container {
        max-width: 100%;
        min-width: auto;

    }

}


.right-tool {
    height: auto;
    position: fixed;
    right: 0px;
    bottom: 18%;
    z-index: 30;
    display: flex;
    flex-direction: column;
}

.tool-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    position: relative;

}

.tool-item-a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tool-item span {
    font-size: 12px;
    margin-top: 8px;
}

.media-tool {
    background: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    border-radius: 4px;
}

.totop-btn {
    margin-top: 15px;
    background: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.QRcode-container, .QRkefu-container {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 77px;
    top: 0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    padding: 5px;
    z-index: 999;
    background-color: #fff;
    border-radius: 4px;
}

.QRcode-container img, .QRkefu-container img {
    width: 100%;
    height: 100%;
}


.QRweibo-container {
    display: none;
    width: 100px;
    height: 100px;
    position: fixed;
    right: 120px;
    top: 55%;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    padding: 5px;
    z-index: 999;
    background-color: #fff;
    border-radius: 4px;
}

.QRweibo-container img {
    width: 100%;
    height: 100%;
}

.adver-banner {
    position: fixed;
    bottom: 0;
    z-index: 30;
    text-align: center;
    padding: 0 20px;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
}

.adver-banner a {
    display: inline-block;
    position: relative;
}

.adver-img {
    max-width: 1600px;
    width: 100%;
}

.adver-close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
}



.ieDialog-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.ieDialog-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    border-radius: 15px;
    width: 900px;
    height: 411px;
    background: #fff;
}

.ieDialog-content h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #111;
    width: 100%;
    height: 80px;
    background: #f2f3f5;
    border-radius: 4px 4px 0 0;
    line-height: 80px;
}

.ieDialog-content p {
    text-align: center;
    font-size: 14px;
    color: #878787;
    margin-top: 10px;
}

.ieDialog-content .content_first_P {
    margin-top: 20px;
}

.ieDialog-browserItemList {
    margin: 0 40px 30px 30px;
}

.ieDialog-tellspan {
    font-size: 12px;
    color: #bab7b7;
    margin-top: 10px;
    display: block;
}

.ieDialog__browserItem {
    text-align: center;
    float: left;
    padding: 20px;
    width: 175px;
}

.ieDialog__browserItemLabel,
.ieDialog__browserItemLabel:visited {
    color: #4c4c4c;
    text-decoration: none;
}

.ieDialog-browserItemList {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin-top: 50px;

}

.detail-dialogbg, .device-dialogbg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.template-dialog, .device-dialog {
    width: 600px;
    height: 420px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.flex-base {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.seeimg-area {
    width: 200px;
    height: 200px;
    background: #f7f8fa;
    border: 1px solid #f2f2f2;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods-detail {
    max-width: 100%;
    max-height: 100%;
}

.goods-title {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 32px;

}

.neweditor-btn {
    width: 126px;
    height: 32px;
    border: 1px solid #6044ff;
    background-color: #6044ff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    border-radius: 8px;
    overflow: hidden;
}

.device-dialog {
    width: 480px;
    height: auto;
    padding: 16px 24px;

}

.device-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 16px;
}

.device-detail {
    color: #636c78;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.device-info {
    margin-top: 20px;
}

.device-btnarea {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
}

.device-btn {
    min-width: 80px;
    padding: 0 16px;
    border-radius: 4px;
    line-height: 38px;
    font-size: 14px;
    color: #444950;
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
    background-color: #f0f3f4;
    cursor: pointer;
    margin-right: 8px;
}

.blue-btn {
    background-color: #2254f4;
    color: #fff;
}

.othertool-banner {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    background: #f8f9fc;
    z-index: 20;
}

.othertool-banner ul {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.tool-nav-item {
    margin-right: 18px;
    height: 32px;
    justify-content: center;

}

.tool-nav-item a {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 100%;
}

.tool-nav-item a p {
    padding-left: 5px;
}

.paysuccessdialog-bg, .inadequate-bg, .sendpackage-dialogbg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}

.paysuccess-dialog, .inadequate-dialog {
    width: 280px;
    background-color: #ffffff;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
    display: none;
}

.inadequate-dialog {
    width: 400px;
    min-height: 120px;
    padding: 52px 0;
}

.success_tips, .inadequate-tips {
    color: #555558;
    font-size: 14px;
}

.inadequate-tips {
    font-size: 16px;
    color: #333;
}

.success-icon {
    width: 50px;
}

.success-title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}

.btn-recharge {
    width: 180px;
    background: linear-gradient(
            90deg, #eeb86e, #fece8c);
    border-radius: 5px;
    color: #4e3822;
    height: 32px;
    line-height: 32px;
    min-width: 100px;
    text-align: center;
    margin-top: 32px;
    font-size: 14px;
    cursor: pointer;
    padding: 0 10px;
}

.small-tips {
    font-size: 12px;
    margin-top: 20px;
    cursor: pointer;
    color: #999;
}

.sendpackage-dialog {
    width: 557px;
    height: 552px;
    background: url('/static/assets/images/integral/coin-redpackage.png') no-repeat center center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.sendpackage-content {
    width: 360px;
    text-align: center;
    padding: 60px 30px;
}

.sendpackage-title {
    color: #cd6109;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;

}

.img-line {
    margin-right: 5px;
}

.sendpackage-money {
    margin-top: 15px;
}

.sendcoin-num {
    font-size: 60px;
    font-weight: 600;
    color: #f93636;
}

.sendcoin-num small {
    font-size: 18px;
}

.sendpackage-tips {
    color: #d28129;
    font-size: 14px;
    background-color: #feeedb;
    border-radius: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}

.square-icon {
    vertical-align: middle;
}

.sendpackage-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 80px;
}

.sendpackage-btn {
    text-align: center;
    color: #b63300;
    background: url('/static/assets/images/integral/coin-btnbg.png') no-repeat center center;
    height: 50px;
    line-height: 50px;
    background-size: contain;
    font-weight: 600;
    font-size: 17px;
    width: 50%;
    cursor: pointer;
    margin-bottom: 10px;
}

.package-tixing {
    color: #ffe09c;
    font-size: 14px;
}

.sendcoin-dialog {
    width: 388px;
    height: 170px;
    background-image: linear-gradient(73deg,
    #ff6d40 0%,
    #ff7a40 100%),
    linear-gradient(
            #fd6637,
            #fd6637);
    background-blend-mode: normal,
    normal;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
}

.complete-top {
    background: #f85421;
    display: flex;
    height: 45px;
    line-height: 45px;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
}

.complete-title {
    color: #fff9e0;
    font-size: 17px;
    font-weight: 550;

}

.complete-content {
    padding: 30px;
    display: flex;
    justify-content: space-between;
}

.complete-left {
    display: flex;
    align-items: center;
}

.coin-pic {

}

.send-content {
    margin-left: 20px;
}

.content-title {
    color: #fff9e0;
    font-size: 20px;
    font-weight: 550;
}

.coin-get {
    font-size: 16px;
    color: #fff9e0;
    line-height: 25px;
    margin-top: 10px;
}

.complete-right {
    width: 94px;
    height: 38px;
    background-image: linear-gradient(
            73deg, #fff6d2 0%, #ffce7d 100%), linear-gradient(#fff6d2, #fff6d2);
    background-blend-mode: normal, normal;
    box-shadow: 1px 6px 4px 0px rgb(214 70 25 / 17%);
    border-radius: 19px;
    color: #f14612;
    font-size: 14px;
    font-weight: 550;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.img-close {
    width: 13px;
    cursor: pointer;
}